/*
 * @Author: luojian jian.luo@macrowing.com
 * @Date: 2024-05-15 15:57:51
 * @LastEditors: luojian jian.luo@macrowing.com
 * @LastEditTime: 2024-05-27 13:32:39
 * @FilePath: \JiangHeBiWeb\src\components\jh\middleCount\mainBody\style.ts
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 */
import styled from 'styled-components';
import bg from 'src/assets/jhdata/userbg.svg';

export const MainBodystyled = styled.div`
    color:#fff
    text-align: center;
   
    .bodyMain{
        text-align: center;
        background-image: url(${bg});
        background-size: 100%;
        width: 360px;
        height:195px;
        .bodyMain-manager{
            display: flex;
            height: 100%;
            width: 100%;
            justify-content: center;
            align-items: center; 
            .manager{ 
                display: flex;
                flex-flow: column;
            }
        }
        .name{
            color: #B8E4FF;
            font-size:24px;
            @media screen and (width: 2560px) {
                font-size:30px;    
            }
        }
        @media screen and (width: 2560px) {
            width: 460px;     
            height: 260px;
        }

        @media screen and (width: 1920px) {
            height: 195px;
        }
        @media screen and (max-height: 1000px) {
            width: 320px;
            height: 165px;
        }
       
        .bodyMainimg{
            height: 70;
            width: 55;
            // @media screen and (width: 2560px) {
            //     height: 4vw;
            //     width: 8vw;
            // }
            // @media screen and (width: 1920px) {
            //     height: 4vw;
            //     width: 4vw;
            // }
        }


    }
`;
